<!doctype html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head th:replace="portal/common/header :: header"></head>
<body style="padding-top: 60px;">

	<link th:href="@{/resources/css/cdn.bootstrap.css}" rel="stylesheet">
	<link th:href="@{/resources/css/cdn.site.css}" rel="stylesheet">
	<link th:href="@{/resources/css/learn.style.css}" rel="stylesheet">

	<!-- nav_start-->
	<div th:replace="portal/common/nav :: nav"></div>
	<!-- nav_end-->

	<!--  内容  -->
	<header class="site-header" style="background-color: #395ce9; padding-top: 60px;">
		<div class="container jumbotron">
			<div class="row">
				<div class="col-xs-12">
					<h1>
						零基础入门
						<img src="https://www.bootcdn.cn/assets/img/bootcdn.png" alt="BootCDN logo" class="hidden">
					</h1>
					<p>
						零基础入门平台案例学习，快速学习并入门平台 <br>
						<span class="package-amount">共收录了 <strong>3434</strong>
							个前端开源项目
						</span>
					</p>
				</div>
			</div>
		</div>
	</header>
	
	<div class="container main">
		<div class="row">
			<div  id="learingItemsList" class="col middle-column-home" style="width: 100%; max-width: 1200px;">
		
				<!-- 列表_start -->			
				<div class="codelist codelist-desktop cate1" v-for="item in items">
					<h2>
						<i class="fa fa-list"></i> <span>{{ item.linkTypeName }}</span>
					</h2>
					<a class="item-top item-1" v-for="i in item.links" :href="i.linkPath" :target="i.linkTarget">
						<div class="item-icons">
							<i :class="i.linkLogo"></i> 
						</div>
						<div class="item-desc">
							<h4>	
								<span>【{{ i.linkName }}】</span> 
								<span v-if="i.linkDesign == 1" class="high-light-beta ddc-header__menu-title-box">规划中</span>
							</h4> 
							<strong>{{ i.linkDesc }}</strong>
						</div>
					</a> 
				</div>
				<!-- 列表_end -->	
			
			</div>
		</div>
	</div>

	<section class="ddc-discount ddc-block" id="discount">
		<div class="ddc-discount__inner container" style="max-width:1200px;">
			<h3 class="ddc-block__title">文档与工具</h3>
			<div class="ddc-discount__content">
				<a class="OMEGA_DDC_PC_W_DC2_ACTIVITY_ENT_CK" onclick="window.open(location.origin + '/activity.html#buyAuth')">
					<div class="ddc-discount__item">
						<h4 class="ddc-discount__item-title">开发教程文档</h4>
						<p class="ddc-discount__item-subtitle">助力企业0成本上云</p>
						<div class="ddc-discount__item-arrow"></div>
					</div>
				</a>
				<a class="OMEGA_DDC_PC_W_DC2_ACTIVITY_PER_CK" onclick="window.open(location.origin + '/activity.html#buyAuth')">
					<div class="ddc-discount__item">
						<h4 class="ddc-discount__item-title">过程使用工具</h4>
						<p class="ddc-discount__item-subtitle">爆款仅售9.9元</p>
						<div class="ddc-discount__item-arrow"></div>
					</div>
				</a>
			</div>
		</div>
	</section>

	<!-- footer start -->
	<div th:replace="portal/common/footer:: footer"></div>
	<!-- footer start -->
	
	<script type="text/javascript">
		$(function(){
			linkItems('#learingItemsList', '' , 'learn') ;
		}) ;
	</script>

</body>
</html>
